
// header里的图标设置，在该文档下无法生效
.header{
    .main{
        margin-left:20px;
        .el-dropdown-link{
            img{

                width:32px;
                height:32px;
                vertical-align: middle;
                border:2px #fff solid;
                border-radius:50px;
            }
            

            &:hover{
                img{
                     border-color: #409eff;
                }
             }
 
            a{
                display:block;
            }
        }
    }
}


.search-tab{
    width: 300px;
    height: 80px;
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    z-index: 10;
    .switch-btn{
      display: flex;
      span{
        display: block;
        width: 100px;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.6);
        color: seashell;
        text-align: center;
        line-height: 40px;
        position: relative;
      }
      span::after{
        position: absolute;
        width: 20px;
        height: 40px;
        background-color: tomato;
      }
    }
  }
